﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Access-Control-Allow-Origin" content="10.73.158.166:8080" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title> 数媒监控软件</title> 	
	<script type="text/javascript" src="js/zepto.js"></script>
	<script type="text/javascript" src="js/custom_request_url.js"></script>
	<script type="text/javascript" src="js/moniter/moniter.js" charset="utf-8"></script> 	
	<link  rel="stylesheet" type="text/css" href="css/moniter.css"/>
</head>
<body>
    <div class="div-titlebar-style">
		<span class="s-title-style">咪咕数媒监控</span>
		<img src="images\moniter\ic_set@3x.png" class= "img-setting-style" onclick="onSettings()" ></img>
	</div>	
	<div  class="div-business-title-style" style="text-align:center">        
		<img class="img-business-title-icon" src="images/moniter/ic_-operative@3x.png"></img>	
		<span class="span-business-title">运营监测</span>
	</div>
		
	<!--------------DAU指标------------------------------>
	<p class="outline-style"> DAU指标</p> 
	<table>
		<tr>
			<td onclick="onDAU(this)" id="DAUYesterday">  
				<div> 
					<img  class="itemIcon" src="images/moniter/ic_ydau@3x.png"> </img>
					<span  class="itemTitle">昨日DAU</span>					
				</div>    
				<p> 
					<span id="yesterdayDAU" class="itemValue">6，342</span><span class="itemUnit">万</span>
				</p>
			</td >
			<td onclick="onDAU(this)" id="DAUMonth">
				<div> 
					<img class="itemIcon" src="images/moniter/ic_mdau@3x.png"></img>
					<span  class="itemTitle">本月累计DAU</span>
				</div>
				<p> <span id="monthDAU" class="itemValue">6，342</span><span class="itemUnit">万</span>
				</p>
			</td>
		</tr>	
		<tr>
			<td onclick="onDAU(this)" id="DAUMonthAverage"> 
				<div>
					<img class="itemIcon" src="images/moniter/ic_ddau@3x.png"></img>
					<span class="itemTitle">本月日均DAU</span>
				</div>    
				<p> <span id="monthAverageDAU" class="itemValue">7.248</span> <span class="itemUnit">万</span>
				</p>
			</td> 
			<td onclick="onDAU(this)" id="DAUMAURate">
				<div>
					<img class="itemIcon" src="images/moniter/ic_dau-mau@3x.png" ></img>
					<span  class="itemTitle">DAU/MAU</span>
				</div>
				<p><span id="DAURate"class="itemValue">99.99%</span></p>
			</td>
		</tr>
	</table>
	
	<!--------------新增用户数------------------------------>
	<p class="outline-style"> 新增用户数</p> 	
	<table>
		<tr>
			<td onclick="onNewUser(this)" id="yesterdayNewUsers">  
				<div>
					<img  class="itemIcon" src="images/moniter/ic_ynewuser@3x.png"> </img>
					<span  class="itemTitle">昨日新增用户数 </span>					
				</div>    
				<p> 
					<span id="newUsersDaily"  class="itemValue">6，342</span> <span class="itemUnit">万</span>				
				</p>
			</td>
			<td onclick="onNewUser(this)" id="mouthNewUsers"> 
				<div> 
					<img class="itemIcon" src="images/moniter/ic_mnewuser@3x.png">	</img>
					<span  class="itemTitle">本月累计新增用户数</span>					
				</div>    
				<p> 
					<span id="newUsersMonthly" class="itemValue">6，342</span> <span class="itemUnit">万</span>	
				</p>
			</td>
		</tr>			
	</table>
	<!------------------------------------------------------------>
	<!------------------收入指标------------------------------>
	<p class="outline-style"> 收入指标</p> 
	<!-------------yesterday--------->
	<div class="incomeIndex">
		<table>
			 <tr onclick="onIncomeDaily()">
				<td class="incomeIndex_td">
					<p class="incomeIndex-item-title">
						<span>昨日累计总收入</span> 
					</p>
					<div>
						<span class="itemUnit"> &yen;</span> <span  id="yesterdayTotalValue" class="incomeIndex-value" > 2.382</span> <span class="itemUnit">万</span> 					 
					</div>
				</td>
				<td class="incomeIndex_td">
					<p class="incomeIndex-item-title">
						<span>昨日累计点播收入</span> 								
					</p>
					<div>
						<span class="itemUnit"> &yen;</span> <span  id="yesterdayDianboValue"  class="incomeIndex-value"> 2.382</span> <span class="itemUnit">万</span> 
					</div>
				</td>
				<td class="incomeIndex_td">
					<p class="incomeIndex-item-title">
						<span>昨日累计包月收入</span>												
					</p>
					<div >
						<span class="itemUnit"> &yen;</span> <span  id="yesterdayBaoyueValue"  class="incomeIndex-value"> 2.382</span> <span class="itemUnit">万</span> 		
					</div>
				</td>
			</tr>
		</table>	
	</div>
	<!------------this month---------------->
	<div class="incomeIndex">
		<table>
			 <tr  onclick="onIncomeMonthly()">
				<td>
					<p>
						<span>本月累计总收入 </span> 
					</p>
						<div >
						<span class="itemUnit"> &yen;</span> 
						<span id="monthTotalValue" class="incomeIndex-value"> 2.382</span> 
						<span class="itemUnit">万</span> 		
					</div>
					<div class="income-range">
						<img src="images/moniter/ic_up@3x.png" ></img>
						</span><span>1.50</span> <span>1.2%</span> 					 
					</div>
				</td>
				<td>
					<p>
						<span>本月累计点播收入</span> 								
					</p>
					<div >
						<span class="itemUnit"> &yen;</span>
						<span id="monthDianbaoValue"  class="incomeIndex-value"> 2.382</span> 
						<span class="itemUnit">万</span> 		
					</div>
					<div class="income-range">
						<img src="images/moniter/ic_up@3x.png" ></img>
							</span> <span> 1.50</span> <span>1.2%</span> 	
					</div>
				</td>
				<td>
					<p>
						<span>本月累计包月收入</span>												
					</p>
					<div >
						<span class="itemUnit"> &yen;</span> 
						<span id="monthBaoyueValue" class="incomeIndex-value"> 2.382</span>
						<span class="itemUnit">万</span> 		
					</div>
					<div class="income-range">
						<img src="images/moniter/ic_up@3x.png"></img>
						</span> <span>+1.50</span> <span>+1.2%</span> 		
					</div>
				</td>
			</tr>
		</table>	
	</div>
	<!-------------------------------------------------------------------------->
	<!----------------------品质监测--------------------------------->
	<!-------------------------------------------------------------------------->
	<div  class="div-business-title-style" style="text-align:center">        
		<img class="img-business-title-icon" src="images/moniter/ic_quality@3x.png"></img>	
		<span class="span-business-title">品质监测</span>
	</div>
	<p class="outline-style"> 用户侧指标（时延平均值）</p> 	
	<div style="background:white">
	<table class="UserTimeTable" cellpadding="0" cellspacing="0">
		<tr>
			<td>  
			   <a href="UserTimeDelay.html?type=7">
				<div class="userTimeTitle">
					<span>切换账号登录</span>
				</div>
                <div  class="Wifi4GPart">				
					<div class="div-4g">
						<img  class="logo4G" src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
				</a>
			</td>
			<td> 			
			<a href="UserTimeDelay.html?type=8">
				<div class="userTimeTitle">
					<span>启动-首页刷出图片</span>
				</div> 
				
				<div class="Wifi4GPart">				
					<div class="div-4g">
						<img  class="logo4G"  src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div  class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
				</a>		
			</td>
		    <td >
				<a href="UserTimeDelay.html?type=9">
				<div class="userTimeTitle">
					<span>书城首页-出版页</span>
				</div>
				<div class="Wifi4GPart">					
					<div class="div-4g">
						<img  class="logo4G" src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
				</a>
			</td>
		</tr>	
		<tr>
			<td>  
			    <a href="UserTimeDelay.html?type=10">
				<div class="userTimeTitle">
					<span>最近阅读列表下拉</span>
				</div>
                <div  class="Wifi4GPart">				
					<div class="div-4g">
						<img  class="logo4G" src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
				</a>
			</td>
			<td> 
				<a href="UserTimeDelay.html?type=11">
				<div class="userTimeTitle">
					<span>书架-在线图书</span>
				</div>      
				<div class="Wifi4GPart">				
					<div class="div-4g">
						<img  class="logo4G"  src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div  class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
				</a>
			</td>
		    <td >  <a href="UserTimeDelay.html?type=12">
				<div class="userTimeTitle">
					<span>图书-搜索</span>
				</div>
				<div class="Wifi4GPart">					
					<div class="div-4g">
						<img  class="logo4G" src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
			</a></td>
		</tr>			
		<tr>
			<td><a href="UserTimeDelay.html?type=13">  
				<div class="userTimeTitle">
					<span>图书-阅读页加载</span>
				</div>
                <div  class="Wifi4GPart">				
					<div class="div-4g">
						<img  class="logo4G" src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>	
			</a></td>
			<td> <a href="UserTimeDelay.html?type=14"> 
				<div class="userTimeTitle">
					<span>图书-详情页加载</span>
				</div>      
				<div class="Wifi4GPart">				
					<div class="div-4g">
						<img  class="logo4G"  src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div  class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
			</a></td>
		    <td ><a href="UserTimeDelay.html?type=15"> 
				<div class="userTimeTitle">
					<span>图书-章节切换</span>
				</div>
				<div class="Wifi4GPart">					
					<div class="div-4g">
						<img  class="logo4G" src="images\moniter\4g@3x.png"></img>
						<span>1.81s</span>
					</div>
					<div class="div-wifi">
						<img class="logowifi" src="images\moniter\wifi@3x.png"></img>
						<span>1.76s</span>
					</div>
				</div>
			</a></td>
		</tr>			
	</table>
	</div>
	<p class="outline-style"> 平台侧指标（时延平均值）</p> 
	<div style="background:white">
		<table class="UserTimeTable" cellpadding="0" cellspacing="0">
			<tr>
				<td><a href="PlatformTimeDelay.html?type=LOGIN_PAGE">   
					<div class="userTimeTitle">
						<span>登录</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>	
				<td><a href="PlatformTimeDelay.html?type=READER_PAGE">
					<div class="userTimeTitle">
						<span>阅读</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>		
				<td><a href="PlatformTimeDelay.html?type=SUBSCRIBE_PAGE">  
					<div class="userTimeTitle">
						<span>订购</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>						
			</tr>	
			<tr>
				<td><a href="PlatformTimeDelay.html?type=DETAIL_PAGE">    
					<div class="userTimeTitle">
						<span>详情</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>	
				<td><a href="PlatformTimeDelay.html?type=CHAPTERLIST_PAGE"> 
					<div class="userTimeTitle">
						<span>章节列表</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>		
				<td><a href="PlatformTimeDelay.html?type=CLASSPAGE_PAGE">   
					<div class="userTimeTitle">
						<span>分类</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>						
			</tr>			
			<tr>
				<td><a href="PlatformTimeDelay.html?type=RECENT_READING_PAGE">   
					<div class="userTimeTitle">
						<span>最近阅读</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>	
				<td><a href="PlatformTimeDelay.html?type=RECENT_READING_PAGE"> 
					<div class="userTimeTitle">
						<span>搜索</span>
					</div>
					<div  class="Wifi4GPart">				
						<div class="div-4g">
							<img  class="logoSecend" src="images\moniter\shiyan@3x.png"></img>
							<span>1.81s</span>
						</div>
						<div class="div-wifi">
							<img class="logoSecend" src="images\moniter\Success@3x.png"></img>
							<span>1.76s</span>
						</div>
					</div>	
				</a></td>
			</tr>						
		</table>
	</div>
	<p class="outline-style"> 竞品时延指标（时延平均值）</p> 

	
</body>
</html>